<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta content="initial-scale=1.0,minimum-scale=1.0,maximum=1.0,user-scalable=no,width=device-width" name="viewport">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>信基沙溪</title>
    <!-- Bootstrap -->
    <link href="/xj/css/bootstrap.min.css" rel="stylesheet">
	<link href="/xj/css/global.css" rel="stylesheet">
    <link href="/xj/css/style.css" rel="stylesheet">

    <script src="/xj/js/html5shiv.min.js"></script>
    <script src="/xj/js/respond.min.js"></script>
	<script src="/xj/js/jquery.min.js"></script>
	<script src="/xj/js/bootstrap.min.js"></script>


</head>

<body>
<style type="text/css">

    *{margin: 0; padding: 0;}

   .infor_content_box{
      width: 100%;
       height: 100%;
       background-color: #FFFFFF;
       padding-left: 10px;
       padding-right: 10px;
       margin-bottom: 100px;
   }

    .infor_title{
        font-size: 20px;
        font-weight: bold;
        padding-top: 10px;
    }

    .infor-type{
        color: #00489d;
    }

    .infor_time{
        color: #b5b5b5;
    }
    
    .infor_main{
        color: #7c879b;
    }

</style>
<div class="globalstyle">
<div id="whole_box">
	<div class="box" style=" padding-left: 0px!important;padding-top: 10px!important;">
		<img src="/xj/image/icon/arrow_left.png" class="back_icon"  v-on:click="getback">
	</div>

	<div class="infor_content_box">

	   <p class="infor_title">{{title}}</p>
	   <div style="margin-bottom: 15px;">
		   <!--<span class="infor-type">信基沙溪（沈阳）</span>-->
		   <span class="infor_time">{{create_time}}</span>
	   </div>
	   <div class="infor_main" v-html ="content">

	   </div>
	</div>
</div>
</div>
</body>

</html>

<style>
    /*.footer_bar a{*/
    /*color: #7f8698!important;*/
    /*}*/

    .nav-pills>li>a{
        border-radius: 0px!important;
    }

    .nav-pills>li+li {
        margin-left: 0px!important;
    }
</style>

<script src="/xj/js/vue.min.js"></script>

<script>
        var app = new Vue({
            el: "#whole_box",
            data: {
                title:"",
                create_time:"",
                content:""
            },
            mounted:function(){
                var self = this;
                var store_id = self.getQueryValue("id");
                console.log(store_id);

                $.ajax({
                    type:"GET",
                    url:"/market/getStoreIntroduce",
                    data: {
                        store_id:store_id,
                        language:localStorage.getItem("language"),
                    },
                    dataType:"json",
                    success:function(res){
                        console.log(JSON.stringify(res));
                        self.title = res.store_name;
                        self.content = res.brandintroduction;
                    }
                });
            },
            methods: {
                getQueryValue:function (a) {
                    var query = decodeURI(window.location.search.substring(1));
                    var vars = query.split("&");
                    for (var i = 0; i < vars.length; i++) {
                        var pair = vars[i].split("=");
                        if (pair[0] == a) { return pair[1]; }
                    }
                    return null;
                },

                getback:function () {
                    window.history.back(-1);
                },


            },

        });
</script>
